
import React from 'react'
import './index.css'
import {
  UseStateExam,
  UseEffectExam,
  UseContextExam,
  UseReducerExam,
  UseMomeExam,
  UseRefExam,
  HookTesh
} from './domo2'
import UseReducerTest from './useReducer'
class HookApp extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      userMessage: {
        id: '100001',
        name: '小毅'
      }
    }
  }

  render() {
    console.log("index组件渲染");
    return (
      <div className='ReactBox'>
        <UseStateExam />
        <UseEffectExam />
        <UseContextExam />
        <UseReducerExam />
        <UseReducerTest />
        <UseMomeExam />
        <UseRefExam />
        <HookTesh />
      </div>
    )
  }
}





export default HookApp